<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Content-Type" content="text/html">
		<meta http-equiv="X-UA-Compatible" content="ie=edge,chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="format-detection" content="email=no">
		<title>首页</title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../assets/swiper/css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/first.css" />
		<link rel="stylesheet" type="text/css" href="../css/animate.css" />
		<link rel="stylesheet" type="text/css" href="../css/swiper-3.4.2.min.css" />
		<script src="../assets/flexible/flexible.debug.js"></script>
		<!--<script src="assets/jquery/jquery-3.2.1.js"></script>-->
	</head>

	<body>
		<header class="header">
			<div class="left" id="left"><img src="../images/liefu copy.png" id="img" /></div>
			<span class="center">界面</span>
			<span class="right"><a href="search.html"><img src="../images/sousuo copy.png"/></a></span>
		</header>
		<main class="m_main">
			<div class="swiper-container">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><p class="colors">首页</p></div>
					<div class="swiper-slide">
						<a href="I.html">我的</a>
					</div>
					<div class="swiper-slide"><a href="shangye.html">商业</a></div>
					<div class="swiper-slide"><a href="">天下</a></div>
					<div class="swiper-slide"><a href="">中国</a></div>
					<div class="swiper-slide"><a href="">热读</a></div>
					<div class="swiper-slide"><a href="">科技</a></div>
					<div class="swiper-slide"><a href="">汽车</a></div>
					<div class="swiper-slide"><a href="">地产</a></div>
					<div class="swiper-slide"><a href="">金融</a></div>
					<div class="swiper-slide"><a href="">消费</a></div>
					<div class="swiper-slide"><a href="">证券</a></div>
					<div class="swiper-slide"><a href="">时尚</a></div>
					<div class="swiper-slide"><a href="">工业</a></div>
					<div class="swiper-slide"><a href="">数据</a></div>
					<div class="swiper-slide lastchild"><a href="">美丽中国</a></div>
				</div>
			</div>
			<div class="add"><img src="../images/add copy.png" /></div>
		</main>
		<banner class="banner">
			<div class="swiper-container ss">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="../images/iphone.png" /></div>
					<div class="swiper-slide"><img src="../images/jiqi.png" /></div>
					<div class="swiper-slide"><img src="../images/oppo.png" /></div>
					<div class="swiper-slide"><img src="../images/qiche.png" /></div>
					<div class="swiper-slide"><img src="../images/tigaojiyili.png" /></div>
					<div class="swiper-slide"><img src="../images/lvxing.png" /></div>
					<div class="swiper-slide"><img src="../images/yinhang.png" /></div>
				</div>

			</div>
		</banner>

		<div class="fast">
			<h5><span>快讯</span>中石油美国公司评估与委内瑞拉的石油换现金交易</h5>
			<img src="../images/shiyou.png" />

			<h5>恒大拟派发新期权股价大涨 许家印成中国首富</h5>
			<p>地产 |21世纪经济报...1小时前</p>
			<img src="../images/qiche.png" />

			<h5>80岁的丰田想要颠覆传统造车理念 它是如何做的</h5>
			<p>汽车|周纯粼 1小时前</p>
			<img src="../images/shimei.png" />

			<h5>美版《时尚芭莎》重启旗下电商平台 媒体靠卖货变现这条路走得通吗</h5>
			<p>时尚| 宋婉心 1小时前</p>
			<img src="../images/xuetie.png" />

			<h5>试驾|雪铁龙第一款在中国首发的全球车型开起来怎么样？</h5>
			<p>营销|李亦萌 1小时前</p>
			<img src="../images/pengyuyan.png" />

			<h5>蓝月亮找来彭于晏代言 快消品还是这么爱超级偶像</h5>
			<p>汽车|袁晶莹 1小时前</p>
			<img src="../images/xinqing.png" />
			<h5>一场"心情复杂"的止损结汇过程</h5>
			<p>宏观|21世纪经济报... 2小时前</p>
		</div>

		<footer class="footer">
			<dl>
				<dt><img src="../images/shou.png" class="B_red"/><img src="../images/xinwe.png"class="B_write"/></dt>
				<dd><a href="">新闻</a></dd>
			</dl>
			<dl>
				<dt><img src="../images/bofang.png" class="B_red"/><img src="../images/bofang-shiting.png" class="B_write"/></dt>
				<dd><a href="">试听</a></dd>
			</dl>
			<dl>
				<dt><img src="../images/daizi-1.png" class="B_red"/><img src="../images/gouwudai.png" class="B_write"/></dt>
				<dd><a href="youwu.html">尤物</a></dd>
			</dl>
			<dl>
				<dt class="dt"><img src="../images/she.png" class="B_red"/><img src="../images/biaoqian.png" class="B_write"/></dt>
				<dd><a href="">社区</a></dd>
			</dl>
			<dl>
				<dt><img src="../images/wo-2.png" class="B_red" /><img src="../images/wo.png" class="B_write"/></dt>
				<dd><a href="">我的</a></dd>
			</dl>
		</footer>
    
		<div class="meng"></div>
		<div class="ce">
			<div class="biao"> 
				<div class="l_left"><img src="../images/lefttu.png" /></div>
				<h3>为独立思考人群服务</h3>
				<div class="l_right"><img src="../images/righttu.png" /></div>
			</div>

			<div class="submenu">
				<script type="text/html" id="template_s">
					{{each str v}}
					<dl>
						<dt><img src="{{v.images}}"/></dt>
						<dd>
							<h2>{{v.title}}</h2>
							<p>{{v.mains}}</p>
						</dd>
					</dl>
					{{/each}}
				</script>

			</div>
			<div class="title">
				<dl>
					<dt><img src="../images/no on.png"/></dt>
					<dd>正午</dd>
				</dl>
				<dl>
					<dt><img src="../images/weilou.png"/></dt>
					<dd>歪楼</dd>
				</dl>
				<dl>
					<dt><img src="../images/TJ.png"/></dt>
					<dd>时尚</dd>
				</dl>
			</div>
			<div class="hezuo">
				<div class="l_left"><img src="../images/lefttu.png" /></div>
				<h3>战略合作</h3>
				<div class="l_right"><img src="../images/righttu.png" /></div>
			</div>
			<div class="slidefoot">
				<div class="S_ce">
					<h2>
	 			品质优选
	 		</h2>
					<h5>优选你的品质生活</h5>
				</div>

				<h2>对战略合作有兴趣？请点击了解详情...</h2>
			</div>
		</div>

		<script src="../js/jquery-3.2.1.js"></script>
		<script src="../assets/template-web.js"></script>
		<script src="../assets/swiper/js/swiper.jquery.min.js"></script>
		<script src="../js/first.js"></script>
	</body>

</html>